<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>园区新建/编辑</title>
        <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/commonStyle.css"/>
        <!--  图片上传  -->
<script type="text/javascript" src="js/plus_more.js"></script>
<!--  图片上传  -->
        <link rel="stylesheet" href="css/Login.css">
        <link rel="stylesheet" href="css/tinyeditor.css"/>
        <style type="text/css" class="init"></style>
        <script src="js/jquery-1.11.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/tinyeditor.js"></script>
        <script type="text/javascript" src="js/jquery.dataTables.js"></script>
        <script type="text/javascript" language="javascript" class="init">
            $(document).ready(function() 
            {
                $('#example').dataTable();

            } );
        </script>
    </head>

    <body>
    <div class="container">
<!--      页头-->
       <header>
          <h2><span id="title">园区信息编辑</span></h2>
       </header>
       <hr>
       
       <article>
        <form class="form-horizontal">
<!--         编号-->
          <div class="form-group">
            <label for="num" class="col-sm-2 control-label">编号</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="num" placeholder="#1000521">
            </div>
            <p class="help-inline">系统自动分配，每个园区的唯一ID</p>
          </div>
<!--          园区名称-->
          <div class="form-group">
            <label for="name" class="col-sm-2 control-label">园区名称</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="name" placeholder="*****">
            </div>
            <p class="help-inline">最多18个汉字</p>
          </div>
<!--          类型 -->
          <div class="form-group">
            <label for="kind" class="col-sm-2 control-label">类型</label>
            <div class="col-xs-4">
                <select id="kind" class="form-control">
                         <option selected value="国家级">国家级</option>
                         <option value="市级">市级</option>
                         <option value="地级">地级</option>
                         <option value="其他">其他</option>
                 </select>
            </div>
          </div>
<!--          性质 -->
          <div class="form-group">
            <label for="property" class="col-sm-2 control-label">性质</label>
            <div class="col-xs-4">
                <select id="property" class="form-control">
                         <option selected value="孵化器">孵化器</option>
                         <option value="创业园">创业园</option>
                         <option value="开发区">开发区</option>
                         <option value="科创中心">科创中心</option>
                         <option value="其他">其他</option>
                 </select>
            </div>
          </div>
<!--          定位 -->
          <div class="form-group">
            <label for="location" class="col-sm-2 control-label">定位</label>
            <div class="col-xs-4">
                <select id="location" class="form-control">
                         <option selected value="综合">综合</option>
                         <option value="软件">软件</option>
                         <option value="互联网">互联网</option>
                         <option value="文化创意">文化创意</option>
                         <option value="生物技术">生物技术</option>
                         <option value="医疗健康">医疗健康</option>
                         <option value="其他">新材料</option>
                         <option value="农业">农业</option>
                         <option value="其他">其他</option>
                 </select>
            </div>
          </div>
          <!--          经度纬度的确认-->
          <div class="form-group">
            <label for="loc" class="col-sm-2 control-label">经纬度</label>
            <div class="col-sm-3">
               <input type="text" class="form-control" id="loc" placeholder="精度+纬度">
            </div>
          </div>
<!--          地理位置-->
          <div class="form-group">
            <label class="col-sm-2 control-label">地理位置</label>
            <div class="col-sm-2">
                <select name="省份" id="Province" class="form-control">
                    <option value="浙江省">浙江省</option>
                    <option value="不限">不限</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select name="城市" id="city" class="form-control">
                    <option value="杭州市">杭州市</option>
                    <option value="不限">不限</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select name="来源" id="area" class="form-control">
                    <option value="区">县/区</option>
                    <option value="不限">不限</option>
                </select>
            </div>
          </div>
<!--          详细地址-->
          <div class="form-group">
            <label for="loc" class="col-sm-2 control-label">详细地址</label>
            <div class="col-sm-8">
               <input type="loc" class="form-control" id="loc" placeholder="不需要重复填写省市区，必须大于5个字符，小于120个字符">
            </div>
          </div>  
<!--          园区介绍-->
          <div class="form-group">
            <label for="intro" class="col-sm-2 control-label">园区介绍</label>
            <div class="col-sm-8">
               <textarea id="intro" class="form-control" rows="5" placeholder="园区介绍，不超过500字"></textarea>
            </div>
          </div>         
<!--          发展规划-->
          <div class="form-group">
            <label for="plan" class="col-sm-2 control-label">发展规划</label>
            <div class="col-sm-8">
               <textarea id="plan" class="form-control" rows="5"></textarea>
            </div>
          </div>
<!--          园区可提供服务   暂时性删除
          <div class="form-group">
            <label class="col-sm-2 control-label">园区可提供服务</label>
            <div class="col-sm-8">
              <button type="button" class="btn btn-default">导师团</button>
              <button type="button" class="btn btn-default">停车位</button>
              <button type="button" class="btn btn-default">税收减免</button>
              <button type="button" class="btn btn-default">政府补贴资金</button>
              <button type="button" class="btn btn-default">办公家具</button>
              <button type="button" class="btn btn-default">测试用硬件</button>
            </div>
          </div>
          -->
<!--          园区特色-->
          <div class="form-group">
            <label for="feature" class="col-sm-2 control-label">园区特色</label>
            <div class="col-sm-8">
               <textarea id="feature" class="form-control" rows="5"></textarea>
            </div>
          </div>
<!--         园区面积-->
          <div class="form-group">
            <label for="area" class="col-sm-2 control-label">园区面积</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="area" placeholder="200000">
            </div>
            <p class="help-inline">平米</p>
          </div>
<!--         园区可出租面积-->
          <div class="form-group">
            <label for="renarea" class="col-sm-2 control-label">园区可出租面积</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="renarea" placeholder="150000">
            </div>
            <p class="help-inline">平米</p>
          </div>
<!--         园区租金-->
          <div class="form-group">
            <label for="rent" class="col-sm-2 control-label">园区租金</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="rent" placeholder="1.5">
            </div>
            <p class="help-inline">元/天/平米</p>
          </div>
<!--         园区logo-->
          <div class="form-group">
            <label for="rent" class="col-sm-2 control-label">园区logo</label>
            <div id="uplogol_3" style="float:left; border:1px solid #999999; margin-left:14px;"><img id="showlogol_3" name="" src="images/Project-LOGO.png" class="other_pic_logo"/></div>
        <div style="float:left;">
          <label for="surelogol_3" class="btn btn-primary submit_btn_img_p" style="margin-left:20px; margin-top:20px;" > +更换图片
            <input type="file" onchange="previewImage(this,'uplogol_3','showlogol_3',120,120)" name="pic_submit" class="submit_btn" style="display:none;" id="surelogol_3" value="上传Logo"/>
          </label>
          <p class="Tab_he_2">规格：120✖120；</p>
          <p class="Tab_he_3">格式：JPG；</p>
        </div>
          </div>
<!--         园区图片
          <div class="form-group">
            <label for="rent" class="col-sm-2 control-label">园区图片</label>
            <img src="images/u0.png" alt="园区logo" class="img-thumbnail">
            <img src="images/u0.png" alt="园区logo" class="img-thumbnail">
            <img src="images/u0.png" alt="园区logo" class="img-thumbnail">
            <span class="help-inline">规格：16✖16；格式：jpg；</span>
            <button type="submit" class="btn btn-primary">+选择本地图片</button>
          </div>
          -->
<!--         按钮组-->
          <div class="buttongroup" style="width:970px; margin-left:0px; margin-top:0px;">
              <button type="button" class="btn btn-primary" id="contact_btn1">保存为草稿</button>
              <button type="button" class="btn btn-primary" id="contact_btn2">保存并上线</button>
              <button type="reset" class="btn btn-primary" id="p_savenone" style="margin-left: 80px;width:100px;margin-top:13px;">取消</button>
          </div>
        </form>
        </article>
        
    </div>
    <!-- 保存为草稿的弹窗 开始 -->
        <div id="Popups_savech" class="Popup_out_st">
            <div id="Con_box_savech" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_savech" class="Close_Popups"/>
                <label class="Popup_label">保存为草稿</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">保存修改内容？</p>
                <button class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 保存为草稿弹窗 结束 -->
<!-- 保存并上线弹窗 开始 -->
        <div id="Popups_saveup" class="Popup_out_st">
            <div id="Con_box_saveup" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_saveup" class="Close_Popups"/>
                <label class="Popup_label">保存并上线</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">保存修改内容并发布上线？</p>
                <button class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 保存并上线弹窗 结束 -->
<!-- 取消弹窗 开始 -->
        <div id="Popups_savenone" class="Popup_out_st">
            <div id="Con_box_savenone" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_savenone" class="Close_Popups"/>
                <label class="Popup_label">取消</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">确定放弃当前文案修改？</p>
                <button class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 取消弹窗 结束 -->
<script type="text/javascript">
wdh=$(window).width();
left=(wdh-330)/2;
www=$(document).width();
hhh=$(document).height();
 $(document).ready(function(){
	//保存为草稿
	$("#contact_btn1").click(function(){
	$("#Popups_savech").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_savech").css('margin-left',left);
	$("#Con_box_savech").css('margin-top','750px');
});
	$("#closePopups_savech").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_saveyes").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_saveno").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	//保存并上线
	$("#contact_btn2").click(function(){
	$("#Popups_saveup").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_saveup").css('margin-left',left);
	$("#Con_box_saveup").css('margin-top','750px');
});
	$("#closePopups_saveup").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_saveupyse").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_saveupno").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	//取消
	$("#p_savenone").click(function(){
	$("#Popups_savenone").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_savenone").css('margin-left',left);
	$("#Con_box_savenone").css('margin-top','750px');
});
	$("#closePopups_savenone").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_savenoneyse").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_savenoneno").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	$("#page_index ").css('width',www);
});
$(window).resize(function(){
	wdh=$(window).width();
	left=(wdh-330)/2;
	www=$(document).width();
	//保存为草稿
	$("#Con_box_savech").css('margin-left',left);
	$("#Con_box_savech").css('margin-top','750px');
	//保存并上线
	$("#Con_box_saveup").css('margin-left',left);
	$("#Con_box_saveup").css('margin-top','750px');
	//取消
	$("#Con_box_savenone").css('margin-left',left);
	$("#Con_box_savenone").css('margin-top','750px');
	
	$("#page_index ").css('width',www);
});
</script>
    </body>
</html>